<template>
	<div id="orderSearchDiv">
		<div id="form1" style="">
			<el-form :inline="true" :model="formInline" class="demo-form-inline" @keyup.enter.native="search()"
				id="orderSearchForm">
				<div class="toptitle">
					<el-form-item label="门店授权码">
						<br> <br>
						<el-input v-model="formInline.authCode" placeholder></el-input>
					</el-form-item>
					<el-form-item label="店铺名称">
						<br> <br>
						<el-input v-model="formInline.storeName" placeholder></el-input>
					</el-form-item>

					<el-form-item label="经销商公司名">
						<br> <br>
						<el-input v-model="formInline.companyName" placeholder></el-input>
					</el-form-item>

					<el-form-item label="所属大区">
						<br> <br>
						<el-input v-model="formInline.upOrgZone" placeholder></el-input>
					</el-form-item>

					<el-form-item label="所属营销区域名称">
						<br> <br>
						<el-input v-model="formInline.baseName" placeholder></el-input>
					</el-form-item>
				</div>

				<div class="toptitle" style="display: flex;margin-left: 3.5%;justify-content: flex-start;">
					<el-form-item label="审核状态">
						<br> <br>
						<el-select v-model="formInline.status" placeholder="请选择" clearable>
							<el-option v-for="(item, i) in returnStatusList" :key="i" :value="item.id" :label="item.name"></el-option>
						</el-select>
					</el-form-item>
				</div>
			</el-form>
		</div>
		<div id="multiBtnDiv" style="display:block;text-align:right;margin:20px 0">
			<el-button type="success" size="mini" icon="el-icon-download" @click="exportExcel()">导出</el-button>
			<el-button type="primary" @click="search()" size="mini" icon="el-icon-search">查询</el-button>
			<el-button type="primary" @click="qingkong()" size="mini" icon="el-icon-delete">清空</el-button>
		</div>
		<div class="table1">
			<el-table id="rebateSetTable" ref="table1" height="500px" key="table1" tooltip-effect="dark" v-loading="loading"
				:data="tableData" border :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
				<el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
				<el-table-column prop="storeName" label="店铺名称" align="center" width="200"></el-table-column>
				<el-table-column prop="authCode" label="授权码" align="center" show-overflow-tooltip></el-table-column>
				<el-table-column prop="upOrgZone" label="所属大区" align="center" show-overflow-tooltip></el-table-column>
				<el-table-column prop="baseName" label="所属营销区域" align="center" show-overflow-tooltip></el-table-column>
				<el-table-column prop="companyName" label="经销商公司名" align="center" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="licenseStatus" label="营业执照" align="center" show-overflow-tooltip>
					<template slot-scope="scope">
						<el-button v-if="scope.row.licenseStatus == 1" type="text" @click="shenhe(scope.row)">待审核
						</el-button>
						<el-button v-if="scope.row.licenseStatus == 2" @click="showOrderDetail(scope.row)" type="text">
							审核通过</el-button>
						<el-button style="color: red;" v-if="scope.row.licenseStatus == 3" @click="showOrderDetail(scope.row)"
							type="text">
							审核驳回</el-button>
					</template>
				</el-table-column>

				<el-table-column prop="businessStatus" label="许可证" align="center" show-overflow-tooltip>
					<template slot-scope="scope">
						<el-button v-if="scope.row.businessStatus == 1" @click="shenhe1(scope.row)" type="text">待审核
						</el-button>
						<el-button v-if="scope.row.businessStatus == 2" @click="showOrderDetail1(scope.row)" type="text">
							审核通过</el-button>
						<el-button v-if="scope.row.businessStatus == 3" @click="showOrderDetail1(scope.row)" type="text "
							style="color: red;">
							审核驳回</el-button>
					</template>
				</el-table-column>
			</el-table>
			<el-form :inline="true" :model="formInline">
				<el-form-item style="margin-top: 0px;"></el-form-item>
			</el-form>
			<div class="block" style="margin-top:-22px">
				<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :disabled="dindanflag"
					:page-sizes="[10, 20, 30, 50, 100, 150, 200]" :current-page="listQuery.current" :page-size="listQuery.size"
					layout="total, sizes, prev, pager, next, jumper" :total="total">
				</el-pagination>
			</div>
		</div>

		<el-dialog :title="sheheflag == true ? '营业执照审核' : '营业执照详情'" :visible.sync="dialogVisible" width="50%">
			<el-form :model="ruleFormshen" ref="ruleForm">
				<el-form-item label="营业执照信息" prop="licenseUrl">
					<el-image :src="ruleFormshen.licenseUrl" :preview-src-list="[ruleFormshen.licenseUrl]">
					</el-image>
				</el-form-item>
				<span style="float:left;margin-top:13px;color:red" v-if="sheheflag">*</span>
				<el-form-item label="营业执照审核:" prop="licenseStatus">
					<el-radio-group v-if="sheheflag" v-model="ruleFormshen.licenseStatus" style="margin-top: 10px;">
						<el-radio :label="2">审核通过</el-radio>
						<el-radio :label="3">审核驳回</el-radio>
					</el-radio-group>
					<span style="display:inline-block;margin-top: 15px;" v-if="!sheheflag">{{ ruleFormshen.licenseStatus == "2" ?
				"审核通过" : "审核驳回" }}</span>
				</el-form-item>
				<span style="float: left;margin-top: 13px;color:red"
					v-if="sheheflag && ruleFormshen.licenseStatus == 3">*</span>
				<el-form-item label="营业执照审核意见：" prop="licenseOpinion">
					<el-input type="textarea" v-model="ruleFormshen.licenseOpinion" v-if="sheheflag" style="width:70%">
					</el-input>
					<span style="display: inline-block;margin-top: 15px;" v-if="!sheheflag">{{ ruleFormshen.licenseOpinion
						}}</span>
				</el-form-item>
				<div class="pass-wrap" v-if="initLicenseStatus == 2">
					<span style="float: left;margin-top: 13px;color:red">*</span>
					<el-form-item label="审核退回">
						<el-radio-group v-model="licenseBackFix.licenseStatus" style="margin-top: 13px;">
							<el-radio :label="3">是</el-radio>
							<el-radio :label="2">否</el-radio>
						</el-radio-group>
					</el-form-item>
					<span style="float: left;margin-top: 13px;color:red">*</span>
					<el-form-item label="审核退回原因">
						<el-input style="margin-top: 13px;" type="textarea" v-model="licenseBackFix.licenseOpinion"
							placeholder="请输入审核退回原因" />
					</el-form-item>
				</div>
			</el-form>
			<span slot="footer" class="dialog-footer" v-if="sheheflag">
				<el-button @click="dialogVisible = false" size="mini">取 消</el-button>
				<el-button type="primary" @click="confirmEdit()" size="mini">确 定</el-button>
			</span>
			<span slot="footer" class="dialog-footer" v-if="initLicenseStatus == 2">
				<el-button @click="dialogVisible = false" size="mini">取 消</el-button>
				<el-button v-if="licenseBackFix.licenseStatus == 3" type="primary" @click="confirmFix(1)" size="mini">确
					定</el-button>
			</span>
		</el-dialog>

		<el-dialog :title="sheheflag1 == true ? '许可证审核' : '许可证详情'" :visible.sync="dialogVisible1" width="50%">
			<el-form :model="ruleFormshen1" ref="ruleForm">
				<el-form-item label="许可证信息" prop="businessUrl">
					<el-image :src="ruleFormshen1.businessUrl" :preview-src-list="[ruleFormshen1.businessUrl]">
					</el-image>
				</el-form-item>
				<span style="float: left;margin-top: 13px;color:red" v-if="sheheflag1">*</span>
				<el-form-item label="许可证审核">
					<el-radio-group v-if="sheheflag1" v-model="ruleFormshen1.businessStatus" style="margin-top: 10px;">
						<el-radio :label="2">审核通过</el-radio>
						<el-radio :label="3">审核驳回</el-radio>
					</el-radio-group>
					<span style="display: inline-block;margin-top: 15px;" v-if="!sheheflag1">{{ ruleFormshen1.businessStatus ==
				"2" ?
				"审核通过" : "审核驳回" }}</span>
				</el-form-item>
				<span style="float: left;margin-top: 13px;color:red"
					v-if="sheheflag1 && ruleFormshen1.businessStatus == 3">*</span>
				<el-form-item label="许可证审核意见：" prop="businessOpinion">
					<el-input v-if="sheheflag1" type="textarea" v-model="ruleFormshen1.businessOpinion"
						style="width:70%"></el-input>
					<span style="    display: inline-block;margin-top: 15px;" v-if="!sheheflag1">{{ ruleFormshen1.businessOpinion
						}}</span>
				</el-form-item>
				<div class="pass-wrap" v-if="initBusinessStatus == 2">
					<span style="float: left;margin-top: 13px;color:red">*</span>
					<el-form-item label="审核退回：">
						<el-radio-group v-model="businessBackFix.businessStatus" style="margin-top: 13px;">
							<el-radio :label="3">是</el-radio>
							<el-radio :label="2">否</el-radio>
						</el-radio-group>
					</el-form-item>
					<span style="float: left;margin-top: 13px;color:red">*</span>
					<el-form-item label="审核退回原因">
						<el-input type="textarea" v-model="businessBackFix.businessOpinion" placeholder="请输入审核退回原因" />
					</el-form-item>
				</div>
			</el-form>
			<span slot="footer" class="dialog-footer" v-if="sheheflag1">
				<el-button @click="dialogVisible1 = false" size="mini">取 消</el-button>
				<el-button type="primary" @click="confirmEdit1()" size="mini">确 定</el-button>
			</span>
			<span slot="footer" class="dialog-footer" v-if="initBusinessStatus == 2">
				<el-button @click="dialogVisible1 = false" size="mini">取 消</el-button>
				<el-button v-if="businessBackFix.businessStatus == 3" type="primary" @click="confirmFix(2)" size="mini">
					确 定
				</el-button>
			</span>
		</el-dialog>

		<!--列表配置-->
	</div>
</template>

<script>
// import Sortable from "sortablejs";
// import { getmemberrule } from "@/api/membergrade";
// import collapse from "@/utils/collapse.js";
import {
	queryUserStoreLicense,
	setUserStoreLicense,
	exportStoreFile
} from "@/api/licenseReview";
import {
	getWarzoneList
} from "@/api/preSaleActivity";
import {
	queryPreSaleActList
} from "@/api/preSaleActivity";
import qs from "qs";
import FileSaver from "file-saver";
import XLSX from "xlsx";

const curDateStr = function () {
	var curDate = new Date();
	var year = curDate.getFullYear();
	var month = curDate.getMonth() + 1;
	month = month > 9 ? month : "0" + month;
	var date = curDate.getDate();
	date = date > 9 ? date : "0" + date;
	return year + "-" + month + "-" + date;
};
export default {
	data() {
		return {
			logininfo: "",
			orgSeq: "",
			dindanflag: false,
			sheheflag1: true,
			dindanflagone: false,
			sheheflag: true,
			orgType: "",
			loading: false,
			exportLoading: false,
			warzoneList: [],
			insertLoading: false,
			goodsPicDialoVisible: false,
			activityIdList: [],
			isActive: true,
			dialogVisible: false,
			dialogVisible1: false,
			// rules:{
			//     licenseStatus: [
			//     { required: true, message: "", trigger: "blur" }
			//   ],

			//     licenseOpinion: [
			//     { required: true, message: "请填写营业执照审核意见", trigger: "blur" }
			//   ],

			// },
			//   rules1:{

			//   businessStatus: [
			//     { required: true, message: "", trigger: "blur" }
			//   ],

			//     businessOpinion: [
			//     { required: true, message: "请填写许可证审核意见", trigger: "blur" }
			//   ]
			// },
			dialogImageUrl: "",
			ruleFormshen1: {
				orgSeq: "",

				businessUrl: "",
				businessStatus: 2,
				businessOpinion: "",




			},
			ruleFormshen: {
				orgSeq: "",
				licenseUrl: "",
				licenseStatus: 2,
				licenseOpinion: "",





			},
			picList: [],
			dataViewDate: "1",
			dataViewRange: "",

			orderStatusList: [{
				id: "0",
				name: "待支付"
			},
			{
				id: "1",
				name: "待发货"
			},
			{
				id: "2",
				name: "待收货"
			},
			{
				id: "3",
				name: "已完成"
			},
			{
				id: "-1",
				name: "已退款"
			}
			], //订单状态
			returnStatusList: [{
				id: "",
				name: "全部"
			},
			{
				id: "1",
				name: "待审核"
			},
			{
				id: "2",
				name: "审核通过"
			},
			{
				id: "3",
				name: "审核驳回"
			}
			], //退货状态
			payMethodList: [{
				id: "0",
				name: "云店线下"
			},
			{
				id: "1",
				name: "线上支付"
			},
			{
				id: "2",
				name: "pos线下支付"
			},
			{
				id: "3",
				name: "微信"
			},
			{
				id: "4",
				name: "支付宝"
			},
			{
				id: "5",
				name: "银行卡"
			}
			],
			deliveryMethodList: [{
				id: "1",
				name: "门店自提"
			},
			{
				id: "2",
				name: "配送服务"
			},
			{
				id: "3",
				name: "快递服务"
			}
			], //配送方式
			gradelevelOptions: [], //会员等级
			formInline: {
				authCode: "",

				storeName: "",
				companyName: "",
				upOrgZone: "",
				baseName: "",
				status: ""
			},
			allCol: [],
			col: [],
			dropCol: [],
			expandRowKeys: [],
			tableData: [], //订单列表数据
			tableDataExcel: [], //导出数据
			payData: [], //支付列表数据
			itemData: [], //商品列表数据
			total: 0,
			listQuery: {
				current: 1,
				size: 100
			},
			sort: "",
			order: "",
			configTableDialogVisible: false, //列表配置弹窗状态
			formInline2: {
				isIndeterminate: false, //是否半选中
				isAll: true, //是否全部显示,
				menuCode: "normalOrderSearch"
			},
			userMenuFieldList: [], //全部列名列表
			userMenuAllFields: [], //全部的列名
			userMenuShowFields: [], //显示的列名
			userOldMenuShowFields: [], //原显示的列名
			pickerOptions: {},

			// 审核通过后退回相关参数
			// 初始的值
			initBusinessStatus: null,
			initLicenseStatus: null,
			// 营业执照
			licenseBackFix: {
				licenseStatus: 2,
				licenseOpinion: "",
			},
			// 许可证
			businessBackFix: {
				businessStatus: 2,
				businessOpinion: "",
			}
		};
	},

	mounted() {
		this.queryUserStoreLicense();

		this.getWarzoneList();
	},
	filters: {
		numFilter(value) {
			let realVal = "";
			if (!isNaN(value) && value !== "") {
				// 截取当前数据到小数点后2位
				realVal = parseFloat(value).toFixed(2);
			} else {
				realVal = "--";
			}
			return realVal;
		}
	},
	methods: {
		shenhe(v) {

			this.sheheflag = true;
			this.dialogVisible = !this.dialogVisible;
			this.ruleFormshen.licenseUrl = v.licenseUrl;

			this.ruleFormshen.licenseStatus = v.licenseStatus;


			this.ruleFormshen.licenseOpinion = v.licenseOpinion


			this.ruleFormshen.orgSeq = v.orgSeq
			console.log(v, this.ruleFormshen.licenseUrl)
		},
		shenhe1(v) {
			console.log(v)
			this.sheheflag1 = true;
			this.dialogVisible1 = !this.dialogVisible1;

			this.ruleFormshen1.businessUrl = v.businessUrl

			this.ruleFormshen1.businessStatus = v.businessStatus
			this.ruleFormshen1.businessOpinion = v.businessOpinion;

			this.ruleFormshen1.orgSeq = v.orgSeq
			console.log(this.ruleFormshen1)
		},
		getWarzoneList() {
			let data = {};
			getWarzoneList(data).then(res => {
				this.warzoneList = res.records;
			});
		},


		//拖拽列表
		columnDrop() {
			const wrapperTr = document.querySelector(".el-table__header-wrapper tr");
			this.sortable = Sortable.create(wrapperTr, {
				animation: 180,
				delay: 0,
				onEnd: evt => {
					const oldItem = this.dropCol[evt.oldIndex - 1];
					this.dropCol.splice(evt.oldIndex - 1, 1);
					this.dropCol.splice(evt.newIndex - 1, 0, oldItem);
				}
			});
		},


		/*订单列表*/
		queryUserStoreLicense() {
			let payBeginDate = "";
			let payEndDate = "";
			if (
				this.formInline.payDateRange != null &&
				this.formInline.payDateRange.length == 2
			) {
				payBeginDate = this.formInline.payDateRange[0];
				payEndDate = this.formInline.payDateRange[1];
			} else {
				this.formInline.payDateRange = "";
			}

			let data = {
				current: this.listQuery.current,
				size: this.listQuery.size,
				condition: {
					authCode: this.formInline.authCode.trim(),

					storeName: this.formInline.storeName.trim(),
					companyName: this.formInline.companyName.trim(),
					upOrgZone: this.formInline.upOrgZone,
					baseName: this.formInline.baseName.trim(),
					status: this.formInline.status,

				},
				ascs: [],
				descs: []
			};
			queryUserStoreLicense(data).then(res => {
				this.dindanflag = false;
				this.dindanflagone = false;
				this.loading = false;
				this.tableData = res.records;
				this.total = res.total;

			});
		},
		confirmEdit() {

			if (this.ruleFormshen.licenseStatus == "" || this.ruleFormshen.licenseStatus == null || this.ruleFormshen
				.licenseStatus == 1) {

				this.$message({
					showClose: true,
					message: "请选择营业执照审核",
					type: "error"
				});
				return
			}
			if (this.ruleFormshen.licenseStatus == 3) {

				if (this.ruleFormshen.licenseOpinion == "" || this.ruleFormshen.licenseOpinion == null) {

					this.$message({
						showClose: true,
						message: "请填写营业执照审核意见",
						type: "error"
					});
					return
				}

			}


			setUserStoreLicense(this.ruleFormshen).then(res => {
				if (res.code == 1) {
					this.$message({
						showClose: true,
						message: "保存成功",
						type: "success"
					});
					this.dialogVisible = !this.dialogVisible;
					this.queryUserStoreLicense()
				}

			});
		},
		confirmEdit1() {

			if (this.ruleFormshen1.businessStatus == "" || this.ruleFormshen1.businessStatus == null || this
				.ruleFormshen1.businessStatus == 1) {

				this.$message({
					showClose: true,
					message: "请选择许可证审核",
					type: "error"
				});
				return
			}
			if (this.ruleFormshen1.businessStatus == 3) {

				if (this.ruleFormshen1.businessOpinion == "" || this.ruleFormshen1.businessOpinion == null) {

					this.$message({
						showClose: true,
						message: "请填写许可证审核意见",
						type: "error"
					});
					return
				}

			}

			setUserStoreLicense(this.ruleFormshen1).then(res => {
				if (res.code == 1) {
					this.$message({
						showClose: true,
						message: "保存成功",
						type: "success"
					});
					this.dialogVisible1 = !this.dialogVisible1;
					this.queryUserStoreLicense()
				}

			});
		},

		confirmFix(curType) {
			const data = curType == 1 ? { ...this.ruleFormshen, ...this.licenseBackFix } : { ...this.ruleFormshen1, ...this.businessBackFix };
			if ((curType == 1 && !data.licenseStatus) || (curType == 2 && !data.businessStatus)) {
				this.$message({
					showClose: true,
					message: "请选择是否审核退回",
					type: "error"
				});
				return
			}
			if ((curType == 1 && !data.licenseOpinion) || (curType == 2 && !data.businessOpinion)) {
				this.$message({
					showClose: true,
					message: "请输入审核退回原因",
					type: "error"
				});
				return
			}

			setUserStoreLicense(data).then(res => {
				if (res.code == 1) {
					this.$message({
						showClose: true,
						message: "保存成功",
						type: "success"
					});

					if (curType == 1) {
						this.dialogVisible = !this.dialogVisible;
					} else {
						this.dialogVisible1 = !this.dialogVisible1;
					}
					this.queryUserStoreLicense()
				}
			});
		},

		handleSizeChange(val) {
			this.listQuery.size = val;

			this.queryUserStoreLicense();
		},
		handleCurrentChange(val) {
			this.listQuery.current = val;
			this.dindanflag = true;
			this.queryUserStoreLicense();
		},
		//查询
		search() {
			this.listQuery.current = 1;
			this.dindanflagone = true;
			this.queryUserStoreLicense();
		},
		//清空
		qingkong() {

			this.formInline.authCode = "";
			this.formInline.storeName = "";
			this.formInline.companyName = "";
			this.formInline.upOrgZone = "";
			this.formInline.baseName = "";

			this.formInline.status = "";

			this.queryUserStoreLicense();
		},

		//数字格式化
		fixData(row, column, cellValue, index) {
			if (cellValue != null && !isNaN(cellValue)) {
				if (cellValue < 0) {
					return "0.00";
				} else {
					return cellValue.toFixed(2);
				}
			} else {
				return cellValue;
			}
		},
		//查看订单详情（跳转）
		showOrderDetail(v) {
			this.sheheflag = false;
			this.dialogVisible = !this.dialogVisible;

			this.ruleFormshen.licenseUrl = v.licenseUrl;

			this.ruleFormshen.licenseStatus = v.licenseStatus;

			this.initLicenseStatus = v.licenseStatus;

			this.ruleFormshen.licenseOpinion = v.licenseOpinion

			this.ruleFormshen.orgSeq = v.orgSeq
			console.log(v)

		},

		showOrderDetail1(v) {
			this.sheheflag1 = false;
			this.dialogVisible1 = !this.dialogVisible1;
			this.ruleFormshen1.businessUrl = v.businessUrl

			this.ruleFormshen1.businessStatus = v.businessStatus
			this.initBusinessStatus = v.businessStatus;
			this.ruleFormshen1.businessOpinion = v.businessOpinion;

			this.ruleFormshen1.orgSeq = v.orgSeq
			console.log(this.ruleFormshen1)

		},

		// 导出
		exportExcel() {
			exportStoreFile({
				condition: this.formInline,
				size: this.listQuery.size,
        current: this.listQuery.current,
			}).then(res => {
				const link = document.createElement('a');
          let blob = new Blob([res], {
            type: 'application/vnd.ms-excel',
          });
          link.style.display = 'none';
          //设置连接
          link.href = URL.createObjectURL(blob);
          link.download = '证照审核列表.xlsx';
          document.body.appendChild(link);
          //模拟点击事件
          link.click();
			}).catch((err) => {
        console.log(err);
      });
		}
	},
	//其他
	computed: {}
};
</script>
<style scoped>
.el-form--inline /deep/ .el-form-item {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.el-form-item /deep/ .el-form-item__content {
	line-height: 10px !important;
}

.toptitle {
	display: flex;
	justify-content: space-around;
}

#orderSearchDiv /deep/ .el-radio-button-inner-datepicker .el-radio-button__inner {
	padding: 0;
}

#orderSearchDiv /deep/ .el-radio-button-inner-datepicker .el-input__inner {
	border: none;
	height: 38px;
}

#orderSearchDiv /deep/ .el-form--inline .el-form-item__content {
	width: 180px;
}

#orderSearchDiv /deep/ .el-range-editor.el-input__inner {
	width: 250px;
}

#orderSearchDiv /deep/ .el-dialog__body {
	padding-top: 0;
}

#order_total_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
}

#order_total_flex /deep/ .order_content {
	cursor: pointer;
	/* width: 200px; */
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

#order_total_flex /deep/ .order_detail {
	width: 200px;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#order_total_flex /deep/ .order_content2 {
	width: 60px;
	cursor: pointer;
	padding: 10px 0;
	margin: 0 1px;
	text-align: center;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

#order_total_flex /deep/ .order_content .order_total_title {
	color: #000;
}

#order_total_flex /deep/ .order_content .order_total_info {
	margin-top: 10px;
}

#order_total_flex /deep/ .order_content .order_data {
	font-size: 1.4em;
	font-weight: bold;
}

#configTableDiv /deep/ .el-divider--horizontal {
	margin-top: 0;
}

.line_line {
	border-left: 5px solid #dddddd;
	display: inline-block;
	height: 6.25rem;
	margin-left: -1px;
	padding: 0px 0px 0px 3px;
}

.pass-wrap {}
</style>
